/*** Gauche ***/
/* Top */
#mail-gauche { margin:15px 0 0 20px; width:620px; float:left; }
#mail-gauche .onglets { width:619px; background:url(../img/boxes/une-onglet_fond.png) repeat-x bottom; height:30px; }
#mail-gauche .onglets .on { background-image:url(../img/boxes/une-onglet_on.png); cursor:pointer; float:left;font-size:11px;font-weight:bold;height:21px;padding-top:9px;text-align:center;width:112px;}
#mail-gauche .onglets .off { background-image:url(../img/boxes/une-onglet_off.png); background-repeat:no-repeat;cursor:pointer; float:left;font-size:11px;font-weight:bold;height:21px;padding-top:9px;text-align:center;width:112px;}
#mail-gauche .onglets .off a { color:black; }
#mail-gauche .onglets .on a { color:#0470B0; }
#mail-gauche .blueonglet { background-image:url(../img/boxes/title-blue-175.png); width:176px; float:right; height:27px; margin:3px -1px 0 0; }
#mail-gauche .blueonglet h2 { color:white; font-size:12px;  height:23px; margin:5px 0 0 10px; text-align:left; }
#mail-gauche .blueonglet h2 a { color:white; }

/* Listing des mails */
#mail-gauche #nav { }
#mail-gauche #msg { width:400px; margin:10px auto; background-color: rgb(232, 232, 232); text-align:center; padding:15px 10px; }
#list-mails #mail-gauche .mail { padding:15px 0 10px 0; overflow:auto; }
#list-mails #mail-gauche .mail.notreaded { }
#list-mails #mail-gauche .mail .picto { float:left; width:50px; text-align:center; }
#list-mails #mail-gauche .mail .img { float:left; width:60px; }
#list-mails #mail-gauche .mail .img img { max-width:55px; }
#list-mails #mail-gauche .mail .user { float:left; width:140px; }
#list-mails #mail-gauche .mail .user .date { font-size:10px; margin-top:10px; }
#list-mails #mail-gauche .mail .message { float:left; width:340px; }
#list-mails #mail-gauche .mail .message .object { font-weight:bold; margin:18px 0 0 0; }
#list-mails #mail-gauche .mail .del { float:left; width:20px; }

/* Visualisation */
#view-mail #mail-gauche .mail { padding:10px 5px; }
#view-mail #mail-gauche .user { float:right; width: 150px; }
#view-mail #mail-gauche .user .date { font-size:10px; }
#view-mail #mail-gauche .content { float:right; width: 430px; }
#view-mail #mail-gauche .content .object { font-weight:bold; margin-bottom:10px; }
#view-mail #mail-gauche .response { margin: 20px 0 10px 170px; }
#view-mail #mail-gauche .response p { margin: 2px 0; font-weight:bold; }
#view-mail #mail-gauche .response #submit { margin: 5px 0 0 358px; }
#view-mail #mail-gauche textarea { width:410px; height:75px; padding:3px; border:1px solid #e6e6e6; }
#view-mail #err_message { text-align:center; color:orange; font-weight:bold; display:none; }

/* Envoi */
#write-mail #mail-gauche {  }
#write-mail #mail-gauche p { margin:5px 0; clear:both; overflow:auto; }
#write-mail #mail-gauche label { width:150px; display:block; float:left;  }
#write-mail #mail-gauche input[type=text], #write-mail #mail-gauche select { width:300px; float:left; border:1px solid #e6e6e6; padding:3px; }
#write-mail #mail-gauche textarea { width:300px; height:75px; border:1px solid #e6e6e6; padding:3px; }
#write-mail #mail-gauche #submit { margin:5px 0 15px 397px; }